<template>
  <div>
    <div class="header">
      <img
        src="../../assets/images/fanhui.png"
        height="23"
        alt=""
        @click="back"
      />
      <div>版本信息</div>
    </div>

    <div class="line">
        <div>当前版本</div>
        <span>{{data.versions}}</span>
    </div>
    <div class="line-box">
        <div>版本信息</div>
        <p>{{data.infomation}}</p>
    </div>
  </div>
</template>

<script>
import { version } from "../../request/api";
export default {
  data() {
    return {
      data: [],
    };
  },
  methods: {
    back() {
      this.$router.back();
    },
  },
  created() {
    version().then((res) => {
      if (res.errCode == 0) {
        let { data } = res;
        this.data = data;
      }
    });
  },
};
</script>
 
<style lang = "less" scoped>
.line-box{
    margin-top: 15px;
    background: #fff;
    padding: 15px 15px 5px;
    box-sizing: border-box;
    p{
        color: #666;
    }
}
.line{
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    box-sizing: border-box;
    background: #fff;
    height: 45px;
    align-items: center;
}
.header {
  width: 100vw;
  height: 64px;
  background: #003399;
  display: flex;
  color: #fff;
  font-size: 22px;
  padding: 25px 10px;
  box-sizing: border-box;
  img {
    margin-top: 3px;
    margin-right: 120px;
  }
}
</style>